One
Two
Three
Four
Five
Six
Seven
Eight
.box { display: flex; flex-wrap: wrap; flex-direction: column; width: 500px; height: 400px; align-content: space-between; }
<div class="box"> <div>One</div> <div>Two</div> <div>Three</div> <div>Four</div> <div>Five</div> <div>Six</div> <div>Seven</div> <div>Eight</div> </div>